export function radarChart(data, options){//雷达图

    /*废弃： //雷达图没有固定的刻度值 ，-1，0，1，2，而且项目中都是不固定的。所以用的是雷达图+极坐标
    //最小值，最大值。刻度间隔为1。 */
    var echarts = require('echarts');
    // let  data1= JSON.parse(JSON.stringify(data));
    var series=[];
    // var radius = '85%';
    for(var i = 0;i<options.legend.length;i++){
        if(i===0){
            series.push({
                name: options['seriesName'],
                type: 'radar',
                // areaStyle: {normal: {}},
                data: options['seriesData'],
                color: options['color'+i] || "",  
                symbol: 'none',
            });
        }else{
            series.push({
                name: options['seriesName'],
                type: 'radar',
                // areaStyle: {normal: {}},
                data: options['seriesData'],
                color: options['color'+i] || "",  
                symbol: 'none'
            });
        }
       
    }
    let option = {
        title: options['title']|| '',
        grid: options['grid'] || '',
        tooltip: {},
        legend: {
            data: options['legend']
        }, 
        
        radar: {
            radius: '60%',
            axisLabel: {           // 坐标轴文本标签，详见axis.axisLabel
                show: false,
                // interval: 3,
            },
            // nameGap: 0.5,
            // shape: 'circle',
            name: {
                textStyle: {
                    color: '#fff',
                    backgroundColor: '#999',
                    borderRadius: 3,
                    padding: [3, 5]
                }
            },
            indicator: options['indicator'],
            // axisLabel: {
            //     show: true, 
            //     textStyle: {
            //         // fontSize: 18, 
            //         color: '#333'
            //     },
            //     formatter: function (value, index) {           
            //         return value.toFixed(2);      
            //     }  
            // },
            // radius: 120, 
        },
      /* 带刻度废弃：  radar: {
            axisLabel: {           // 坐标轴文本标签，详见axis.axisLabel
                show: false,
            },
            center: ['50%','50%'],
            startAngle: 0,
            radius: radius,
            // shape: 'circle',
            splitNumber: options['radiusAxisData'].length-1,//雷达图圈数设置
            name: {//指示器旁边的名称
                textStyle: {
                    color: '#fff',
                    fontSize: 11,
                    backgroundColor: '#999',
                    borderRadius: 3,
                    padding: [3, 5],
                    margin: 1,
                },
            },
            indicator: options['indicator'],//雷达图的指示器，用来指定雷达图中的多个变量（维度），跟data中value对应
        },
        polar: {//极坐标系
            radius: radius
        },
        angleAxis: {
            type: 'value',
            startAngle: 0,//展示角度
            splitNumber: 4,//坐标轴分割段数（必须和雷达图保持一致）
            axisLine: {
                show: false,
                lineStyle: {
                    color: '#000'
                }
            }
        },
        radiusAxis: {
            // 用注释掉的这个用法可以动态控制刻度的个数，但有时候会出现刻度标签显示不全的现象
            type: 'value',
            min: options['radiusAxisData'][0],
            max: options['radiusAxisData'][options['radiusAxisData'].length-1],
            interval: 1,//控制标签间隔也就是控制个数
            // type: 'category',
            axisLabel: {
                show: true,
                interval: 0,
                fontSize: 12,
                color: '#000',
            },
            axisTick: {//刻度
                show: true
            },
            axisLine: {
                show: false,
                lineStyle: {
                    color: 'rgba(238, 238, 238, 0.2)',
                }
            },
            splitLine: {
                show: false,
                lineStyle: {
                    color: 'rgba(238, 238, 238, 0.2)',
                }
            },
            data: options['radiusAxisData']
        },
        calculable: true, */
        series: series
    };
    if(!document.getElementById(options['id'])){return false;}
    let myChart = echarts.init(document.getElementById(options['id']))
	myChart.clear();
	myChart.setOption(option);
}
export default radarChart = radarChart;

